<template>
    <view :class="'custom-class ' + utils.bem('col', [span]) + ' ' + (offset ? 'van-col--offset-' + offset : '')" :style="computed.rootStyle({ gutter })">
        <slot />
    </view>
</template>
<script module="utils" lang="wxs" src="@/miniprogram_npm/@vant/weapp/wxs/utils.wxs"></script>
<script module="computed" lang="wxs" src="@/miniprogram_npm/@vant/weapp/col/index.wxs"></script>
<script>
'use strict';
Object.defineProperty(exports, '__esModule', {
    value: true
});
var relation_1 = require('../common/relation');
var component_1 = require('../common/component');
export default {
    data() {
        return {};
    },
    relation: (0, relation_1.useParent)('row'),
    props: {
        span: Number,
        offset: Number
    }
};
</script>
<style>
@import '../common/index.css';
.van-col {
    box-sizing: border-box;
    float: left;
}
.van-col--1 {
    width: 4.16666667%;
}
.van-col--offset-1 {
    margin-left: 4.16666667%;
}
.van-col--2 {
    width: 8.33333333%;
}
.van-col--offset-2 {
    margin-left: 8.33333333%;
}
.van-col--3 {
    width: 12.5%;
}
.van-col--offset-3 {
    margin-left: 12.5%;
}
.van-col--4 {
    width: 16.66666667%;
}
.van-col--offset-4 {
    margin-left: 16.66666667%;
}
.van-col--5 {
    width: 20.83333333%;
}
.van-col--offset-5 {
    margin-left: 20.83333333%;
}
.van-col--6 {
    width: 25%;
}
.van-col--offset-6 {
    margin-left: 25%;
}
.van-col--7 {
    width: 29.16666667%;
}
.van-col--offset-7 {
    margin-left: 29.16666667%;
}
.van-col--8 {
    width: 33.33333333%;
}
.van-col--offset-8 {
    margin-left: 33.33333333%;
}
.van-col--9 {
    width: 37.5%;
}
.van-col--offset-9 {
    margin-left: 37.5%;
}
.van-col--10 {
    width: 41.66666667%;
}
.van-col--offset-10 {
    margin-left: 41.66666667%;
}
.van-col--11 {
    width: 45.83333333%;
}
.van-col--offset-11 {
    margin-left: 45.83333333%;
}
.van-col--12 {
    width: 50%;
}
.van-col--offset-12 {
    margin-left: 50%;
}
.van-col--13 {
    width: 54.16666667%;
}
.van-col--offset-13 {
    margin-left: 54.16666667%;
}
.van-col--14 {
    width: 58.33333333%;
}
.van-col--offset-14 {
    margin-left: 58.33333333%;
}
.van-col--15 {
    width: 62.5%;
}
.van-col--offset-15 {
    margin-left: 62.5%;
}
.van-col--16 {
    width: 66.66666667%;
}
.van-col--offset-16 {
    margin-left: 66.66666667%;
}
.van-col--17 {
    width: 70.83333333%;
}
.van-col--offset-17 {
    margin-left: 70.83333333%;
}
.van-col--18 {
    width: 75%;
}
.van-col--offset-18 {
    margin-left: 75%;
}
.van-col--19 {
    width: 79.16666667%;
}
.van-col--offset-19 {
    margin-left: 79.16666667%;
}
.van-col--20 {
    width: 83.33333333%;
}
.van-col--offset-20 {
    margin-left: 83.33333333%;
}
.van-col--21 {
    width: 87.5%;
}
.van-col--offset-21 {
    margin-left: 87.5%;
}
.van-col--22 {
    width: 91.66666667%;
}
.van-col--offset-22 {
    margin-left: 91.66666667%;
}
.van-col--23 {
    width: 95.83333333%;
}
.van-col--offset-23 {
    margin-left: 95.83333333%;
}
.van-col--24 {
    width: 100%;
}
.van-col--offset-24 {
    margin-left: 100%;
}
</style>
